<style scoped lang="scss">
footer {
  background-color: #1b252e;

  p,
  h3 {
    color: #727272;
  }

  h3 {
    border-top: #dd1c1c solid 1px;
  }
}
</style>
<template>
  <footer class="pt50 pb50">
    <div class="width1080 margin0auto">
      <p class="fs20 tac">
        地址：{{
          baseConfig.WEB_ADDRESS && baseConfig.WEB_ADDRESS.value
        }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;电话：{{
          baseConfig.WEB_PHONE && baseConfig.WEB_PHONE.value
        }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;邮箱：{{
          baseConfig.WEB_EMAIL && baseConfig.WEB_EMAIL.value
        }}
      </p>
      <h3 class="fs16 mt30 pt20 flex aic jcc">
        <a
          href="https://webscan.qianxin.com/safe/detail/?query=www.0537jinbuhuan.com"
          ><img
            border="0"
            src="https://webscan.qianxin.com/api/authcode?code=e7688c294a6699e12d58fcd124ac68e9"
        /></a>
        备案号：<a href="http://www.beian.miit.gov.cn/">{{
          baseConfig.WEB_ICP && baseConfig.WEB_ICP.value
        }}</a>
      </h3>
    </div>
  </footer>
</template>

<script>
import { mapState } from "vuex";

export default {
  name: "DefaultFooter",
  data() {
    return {
      logo: {}
    };
  },
  computed: {
    ...mapState(["baseConfig"])
  },
  mounted() {
    this.getLogo();
  },
  methods: {
    async getLogo() {
      this.logo = await this.$configService.detail({ key: "WEB_LOGO" });
    }
  }
};
</script>
